
body {
	background-color: #000;
	color: #fff;
	font-family: arial;
}

#ui {
}

.target {
	font-weight: bold;
	font-size: 115%;
}

.bucket {
	background-color: #af8;
	width: 300px;
	height: 150px;
  margin: 0 20px;
	padding: 0 20px;
//	display:inline;
	position:absolute;
	border-left: 10px inset;
  border-right: 10px inset;
  border-bottom: 10px inset;
}

#b1 {
	left: 400;
  background-color: #fa8;
}

#entry {
	border: 1px solid #ff0;
	display: inline;
	padding: 4 0 4 4;
	font-size: 125%;
}

#formula {
	font-size: 120%;
	border:0;
	width:500px;	
}

#scope {
	border: 15px dashed #aaf;
	background-color: #eee;
	width:180px;
	height:180px;
	margin: 40 0 120 285;
}

.count {
	font-size: 350%;
	font-weight: bold;
	color: #333;
	text-align:center;
}

.focusedImage {
	// TODO: make the horiz/vert centering work!
	text-align:center;
	vertical-align:middle;
	padding: 0px;
	width:180px;
	max-height:180px;
}

#go {
	position:absolute;
	left: 600px;
	font-size: 300%;
	top: 200px;
}

#hints {
	background-color: #aaa;
	color: #222;
	width: 200px;
	padding: 12px;
	float:left;
}